import classNames from 'classnames';
import PropTypes, { array } from 'prop-types';
import React from 'react';

export interface ICarouselItemProps {
  className?: string;
  style?: React.CSSProperties;
  children?: React.ReactChild;
}

export const CarouselItem: React.SFC<ICarouselItemProps> = (props: ICarouselItemProps) => {
  return (
    <li style={props.style} className={classNames('br-carousel__item', props.className)}>
      {props.children}
    </li>
  );
};

CarouselItem.propTypes = {
  className: PropTypes.string,
  style: PropTypes.object,
};
